html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
html {
  font-size: 100px !important;
}
a {
  text-decoration: none;
  color: #313033;
}
p {
  margin: 0;
  padding: 0;
}
input,
textarea {
  outline: none;
  box-shadow: none;
  border: none;
  resize: none;
  cursor: pointer;
}
input:focus,
textarea:focus {
  box-shadow: none;
  outline: none;
  border: none;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-wrapper {
  position: relative;
  background: #f7f5f6;
  min-height: 100%;
  padding-bottom: 0.49rem;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.header-wrapper {
  height: 0.36rem;
  line-height: 0.36rem;
  text-align: center;
  padding: 0 0.2rem;
}

.header-container {
  width: 100%;
  background-color: #4877e7;
  box-sizing: border-box;
  padding: 0 0.2rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.header-container.white-background {
  background-color: #fff;
  border-bottom: 1px solid rgba(49, 48, 51, 0.3);
}

.header-container.white-background .title {
  color: inherit;
}

.header-container.white-background .right-container {
  color: inherit;
}
.header-container.white-background .right-container a {
  color: #4877e7;
}

.header-wrapper .title {
  color: #fff;
  font-size: 0.18rem;
}

.header-wrapper .left-container {
  float: left;
  color: #fff;
}
.header-wrapper .left-container .back {
  display: inline-block;
  width: 0.22rem;
  height: 0.22rem;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-bottom: 0.02rem;
}

.header-wrapper .left-container .back.black-back {
  background-image: url('../img/1x/black-back.png');
}
.header-wrapper .left-container .back.white-back {
  background-image: url('../img/1x/white-back.png');
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .header-wrapper .left-container .back.black-back {
    background-image: url('../img/2x/black-back@2x.png');
  }
  .header-wrapper .left-container .back.white-back {
    background-image: url('../img/2x/white-back@2x.png');
  }
}

.header-wrapper .right-container {
  float: right;
  color: #fff;
  font-weight: 300;
  font-size: 0.14rem;
}

.module-container {
  max-width: 6rem;
  margin: auto;
}

.detail-back {
  display: inline-block;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url('../img/1x/white-back.png');
  background-size: 0.22rem 0.22rem;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  position: fixed;
  top: 0.15rem;
  left: 0.15rem;
  z-index: 100;
}

.intro-container {
  padding: 0.1rem 0.15rem;
  background-color: #fff;
}

.intro-container .title {
  font-size: 0.16rem;
  font-weight: 800;
  line-height: 0.22rem;
}

.intro-container .website {
  display: inline-block;
  color: #4877e7;
  font-size: 0.12rem;
  margin: 0.06rem 0;
}
.intro-container .intro {
  color: #8e8e8e;
  font-size: 0.12rem;
  line-height: 0.17rem;
}

/* 加减计数器 */
.counter {
  font-size: 0;
}
.counter .minus,
.counter .add {
  display: inline-block;
  font-size: 0.14rem;
}
.counter .count {
  display: inline-block;
  width: 0.28rem;
  height: 0.26rem;
  border: 1px solid #e1e1e1;
  text-align: center;
  line-height: 0.26rem;
  box-sizing: border-box;
  font-size: 0.14rem;
  margin: 0 0.1rem;
}
.counter .disabled {
  color: #bebbbf;
  pointer-events: none;
}

.checkbox {
  display: inline-block;
  background-image: url('../img/1x/checkbox.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 0.14rem;
  height: 0.14rem;
  vertical-align: middle;
}
.checkbox.checked {
  background-image: url('../img/1x/checkbox-checked.png');
}
.normal-btn {
  display: inline-block;
  box-sizing: border-box;
  font-size: 0.12rem;
  padding: 0.09rem 0;
  border-radius: 0.35rem;
  text-align: center;
  margin-left: 0.1rem;
  vertical-align: middle;
  min-width: 0.96rem;
}
.large-btn {
  display: inline-block;
  width: 80%;
  min-width: 2.48rem;
  height: 0.54rem;
  line-height: 0.54rem;
  font-size: 0.2rem;
  text-align: center;
  box-shadow: 0px 3px 6px rgba(72, 119, 231, 0.6);
  border-radius: 100px;
}
.primary-btn {
  background-color: #4877e7;
  color: #fff;
}
.outline-btn {
  color: #4877e7;
  border: 1px solid #4877e7;
}
.outline-info-btn {
  color: #8e8e8e;
  border: 1px solid #8e8e8e;
}
/* .large-primary-btn {
  display: inline-block;
  width: 80%;
  min-width: 2.48rem;
  height: 0.54rem;
  line-height: 0.54rem;
  color: #fff;
  font-size: 0.2rem;
  text-align: center;
  background: #4877e7;
  box-shadow: 0px 3px 6px rgba(72, 119, 231, 0.6);
  border-radius: 100px;
} */

/* 首页 */
.home-wrapper .header-wrapper .title {
  vertical-align: middle;
}
.home-wrapper .swiper-container {
  width: 100%;
  height: 1.2rem;
}
.home-wrapper .swiper-slide {
  text-align: center;
  line-height: 1.2rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #8cbff8;
}
.home-wrapper .slide1 {
  background-image: url('../img/1x/banner1.png');
}
.module-wrapper {
  padding: 0.16rem 0;
  display: flex;
  justify-content: space-around;
}
.module-wrapper .module-item {
  width: 1rem;
  height: 0.7rem;
  text-align: center;
}
.module-wrapper .module-item .icon {
  display: inline-block;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-bottom: 0.03rem;
}
.module-wrapper .module-item.shopping-mall .icon {
  background-image: url('../img/1x/shopping-mall.png');
  box-shadow: 0px 3px 6px rgba(254, 83, 77, 0.4);
}
.module-wrapper .module-item.cloud-showroom .icon {
  background-image: url('../img/1x/cloud-showroom.png');
  box-shadow: 0px 3px 6px rgba(254, 177, 76, 0.4);
}
.module-wrapper .module-item.talent-market .icon {
  background-image: url('../img/1x/talent-market.png');
  box-shadow: 0px 3px 6px rgba(70, 141, 254, 0.4);
}
.module-wrapper .module-item.medical-transfer .icon {
  background-image: url('../img/1x/medical-transfer.png');
  box-shadow: 0px 3px 6px rgba(159, 80, 255, 0.4);
}
.module-wrapper .module-item .title {
  font-size: 0.14rem;
  color: #313033;
}
.section > .title {
  font-size: 0.16rem;
  color: #313033;
  font-weight: bold;
  padding-left: 0.15rem;
}
.cloud-showroom {
  margin-bottom: 0.16rem;
}
.cloud-showroom .booth-wrapper {
  padding: 0.06rem 0.12rem;
  display: flex;
  flex-wrap: wrap;
}
.cloud-showroom .booth-wrapper .half-wrapper {
  width: calc(50% - 0.03rem);
}
.cloud-showroom .booth-wrapper .booth-item {
  background-repeat: no-repeat;
  border-radius: 0.04rem;
}
.cloud-showroom .show-plane1 {
  height: 1.51rem;
  background-color: #dff3ff;
  box-shadow: 0px 3px 6px #e4f4ff;
  background-image: url('../img/1x/show-plane1.png');
  background-position: 0.11rem 0.57rem;
  background-size: 1.52rem 0.62rem;
  margin-right: 0.06rem;
  box-sizing: border-box;
  padding: 0.12rem 0 0 0.12rem;
  color: #64ade7;
  font-size: 16px;
}
.cloud-showroom .show-plane2 {
  height: 0.73rem;
  background-color: #ffe2d2;
  box-shadow: 0px 3px 6px #ffedd6;
  background-image: url('../img/1x/show-plane2.png');
  margin-bottom: 0.05rem;
  box-sizing: border-box;
  padding: 0.12rem 0 0 0.12rem;
  color: #f7763d;
  font-size: 16px;
}
.cloud-showroom .show-plane3 {
  height: 0.73rem;
  background-color: #ffdbe2;
  box-shadow: 0px 3px 6px #ffe7df;
  background-image: url('../img/1x/show-plane2.png');
  box-sizing: border-box;
  padding: 0.12rem 0 0 0.12rem;
  color: #fd683b;
  font-size: 16px;
}
.shopping-mall .goods-list {
  padding: 0.06rem 0.12rem;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .home-wrapper .slide1 {
    background-image: url('../img/2x/banner1@2x.png');
  }
  .module-wrapper .module-item.shopping-mall .icon {
    background-image: url('../img/2x/shopping-mall@2x.png');
  }
  .module-wrapper .module-item.cloud-showroom .icon {
    background-image: url('../img/2x/cloud-showroom@2x.png');
  }
  .module-wrapper .module-item.talent-market .icon {
    background-image: url('../img/2x/talent-market@2x.png');
  }
  .module-wrapper .module-item.medical-transfer .icon {
    background-image: url('../img/2x/medical-transfer@2x.png');
  }
}
@media screen and (max-width: 350px) {
  .module-wrapper .module-item .title {
    font-size: 0.12rem;
  }
}

/* 登录页面 */
.login-wrapper {
  padding: 0.2rem;
}
.login-wrapper .back {
  display: inline-block;
  width: 0.22rem;
  height: 0.22rem;
  background-image: url('../img/1x/black-back.png');
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 0.1rem;
}
.login-wrapper .title {
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.45rem;
}
.login-wrapper .form-wrapper {
  margin: 0.35rem 0.2rem 0;
}
.login-wrapper .form-wrapper .form-item {
  padding: 0.25rem 0;
  border-bottom: 1px solid #f4f7fe;
}
.login-wrapper .form-wrapper .form-item label {
  font-size: 0.16rem;
  color: #7c7c92;
  margin-right: 0.4rem;
}
.login-wrapper .form-wrapper .form-item input {
  width: 1rem;
  font-size: 0.16rem;
}
.login-wrapper .form-wrapper .form-item input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 0.16rem;
  color: #cdcdd5;
}
.login-wrapper .form-wrapper .form-item .verification {
  float: right;
  color: #4877e7;
  font-size: 0.14rem;
  margin-top: 1px;
}
.login-wrapper .form-wrapper .btn-wrapper {
  text-align: center;
  margin: 0.26rem 0;
}
.login-wrapper .form-wrapper .other-registry-wrapper {
  display: flex;
  justify-content: space-between;
}
.login-wrapper .form-wrapper .other-registry-wrapper span {
  color: #313033;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .login-wrapper .back {
    background-image: url('../img/2x/black-back@2x.png');
  }
}
@media screen and (max-width: 350px) {
  .login-wrapper .form-wrapper .form-item label {
    margin-right: 0.1rem;
  }
  .login-wrapper .form-wrapper .form-item input {
    width: 1rem;
  }
}

/* 通航商城 */
.shopping-mall-wrapper .swiper-container {
  width: 100%;
  height: 1.2rem;
}
.shopping-mall-wrapper .swiper-slide {
  text-align: center;
  line-height: 1.2rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #8cbff8;
}
.shopping-mall-wrapper .slide1 {
  background-image: url('../img/1x/banner1.png');
}
.shopping-mall-wrapper .goods-list {
  padding: 0.06rem 0.12rem;
}

/* 通航商城的tab */
.tab-container {
  background: #fff;
  height: 0.5rem;
  line-height: 0.5rem;
  display: flex;
  justify-content: space-around;
  padding: 0 0.1rem;
}
.tab-container .tab-item {
  font-size: 0.14rem;
  color: #313033;
}
.tab-container .tab-item.active {
  font-size: 0.18rem;
  font-weight: bold;
  color: #4877e7;
  position: relative;
}
.tab-container .active:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: calc(80% - 6px);
  height: 0px;
  border: 2px solid #4877e7;
  bottom: 6px;
  left: 10%;
  right: 10%;
  border-radius: 4px;
}

/* 商品列表（图文上下结构） */
/* 首页、云展厅、品牌介绍、通航商城 */
.goods-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.goods-list .goods-item {
  background-color: #fff;
  display: inline-block;
  border-radius: 0.04rem;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 0.1rem;
  overflow: hidden;
  flex: 0 0 calc(50% - 0.07rem);
}
.goods-list .goods-item img {
  width: 100%;
  height: 0.88rem;
  object-fit: cover;
}
.goods-list .goods-item .goods-info {
  box-sizing: border-box;
  padding: 0.04rem 0.1rem;
}
.goods-list .goods-item .goods-info .title {
  width: 100%;
  font-size: 0.15rem;
  margin-bottom: 0.04rem;
}
.goods-list .goods-item .goods-info .title + div {
  font-size: 0.18rem;
  font-weight: 800;
  line-height: 0.25rem;
}
.goods-list .goods-item .goods-info .deal-price {
  color: #de1717;
}
.goods-list .goods-item .goods-info .deposit-price {
  color: #f7763d;
}
.goods-list .goods-item .goods-info .free-price {
  color: #69cb6c;
}

/* 商品列表2（图文左右结构）*/
/* 大图 + 价格 + 定金  */
/* 代理商 */
.goods-list2 {
  background-color: #fff;
  padding: 0 0.15rem;
}
.goods-list2 .goods-item {
  padding: 0.2rem 0;
  border-bottom: 1px solid #dfdfdf;
  display: flex;
  flex-direction: row;
}
.goods-list2 .goods-item:last-child {
  border-bottom: none;
}
.goods-list2 .goods-item .goods-info {
  margin-left: 0.1rem;
  padding: 0.1rem 0 0.12rem;
}
.goods-list2 .goods-item .goods-info .title {
  color: #333333;
  font-weight: bold;
  font-size: 0.16rem;
}
.goods-list2 .goods-item .goods-info .price-wrapper {
  margin: 0.06rem 0 0.16rem;
  font-size: 0;
}
.goods-list2 .goods-item .goods-info .price-wrapper .price-item {
  display: inline-block;
  color: #de1717;
  font-size: 0.12rem;
  margin-right: 0.16rem;
}
.goods-list2 .goods-item .goods-info .price-wrapper .price-item .num {
  font-size: 0.16rem;
  font-weight: bold;
  font-style: normal;
}
.goods-list2 .goods-item .goods-info .action-wrapper {
  font-size: 0;
}
.goods-list2 .goods-item .goods-info .action-wrapper .normal-btn {
  margin-right: 0.14rem;
  font-size: 0.14rem;
  padding: 0.06rem 0;
  min-width: 0.9rem;
}
.goods-list2 .goods-item .goods-info .action-wrapper .normal-btn:last-child {
  margin-right: 0;
}
.goods-list2 .goods-item .goods-info .action-wrapper .primary-btn {
  box-shadow: 0 3px 6px rgba(72, 119, 231, 0.6);
}
@media screen and (max-width: 350px) {
  .goods-list2 .goods-item .goods-info .action-wrapper .normal-btn {
    margin-left: 0;
    min-width: 0.7rem;
    font-size: 0.12rem;
  }
}

/* 商品列表3（图文左中右结构）*/
/* 小图 + 名称 + 幸好哦 + 价格 + 数量 */
/* 提交订单、我的订单 */
.goods-list3 {
  background-color: #fff;
  padding: 0.1rem 0.14rem;
}
.goods-list3 .goods-item {
  display: flex;
  margin-bottom: 0.1rem;
}
.goods-list3 .goods-item:last-child {
  margin-bottom: 0;
}
.goods-list3 .goods-item img {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.1rem;
}
.goods-list3 .goods-item .goods-info {
  display: inline-block;
}
.goods-list3 .goods-item .goods-info .goods-name {
  font-size: 0.12rem;
  line-height: 0.17rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333333;
  margin-bottom: 0.06rem;
}
.goods-list3 .goods-item .goods-info .goods-desc {
  font-size: 0.1rem;
  transform: scale(0.83);
  -webkit-transform: scale(0.83);
  margin-left: -0.14rem;
  color: #8e8e8e;
}
.goods-list3 .goods-item .order-info {
  text-align: right;
  margin-left: 0.3rem;
}
.goods-list3 .goods-item .order-info .price {
  font-size: 0.11rem;
  color: #313033;
}
.goods-list3 .goods-item .order-info .count {
  font-size: 0.1rem;
  transform: scale(0.83);
  -webkit-transform: scale(0.83);
  color: #8e8e8e;
}

/* 购物车商品列表 */
.cart-goods-list {
  background-color: #fff;
  padding-bottom: 0.46rem;
}
.cart-goods-list .goods-item {
  padding: 0.16rem 0 0.16rem 0.14rem;
  border-bottom: 1px solid rgba(49, 48, 51, 0.3);
  display: flex;
  align-items: center;
  position: relative;
}
.cart-goods-list .goods-item:last-child {
  border-bottom: none;
}
.cart-goods-list .goods-item img {
  width: 0.98rem;
  height: 0.98rem;
  margin: 0 0.14rem;
}
.cart-goods-list .goods-item .goods-info {
  margin-top: 0.1rem;
}
.cart-goods-list .goods-item .goods-info .title {
  color: #333333;
  font-weight: bold;
  font-size: 0.16rem;
}
.cart-goods-list .goods-item .goods-info .desc {
  color: #8e8e8e;
  font-size: 0.12rem;
  margin-top: 0.04rem;
}
.cart-goods-list .goods-item .goods-info .price-wrapper {
  margin-top: 0.1rem;
  font-size: 0;
}
.cart-goods-list .goods-item .goods-info .price-wrapper .price-item {
  display: inline-block;
  color: #de1717;
  font-size: 0.12rem;
  margin-right: 0.16rem;
}
.cart-goods-list .goods-item .goods-info .price-wrapper .price-item .num {
  font-size: 0.16rem;
  font-weight: bold;
  font-style: normal;
}
.cart-goods-list .goods-item .counter {
  position: absolute;
  right: 0.19rem;
  bottom: 0.2rem;
}

/* 商品详情 */
.goods-detail-wrapper {
  padding: 0.11rem 0.11rem 0.56rem;
  position: relative;
}

.goods-detail-wrapper .swiper-container {
  width: 100%;
  height: 3.53rem;
}
.goods-detail-wrapper .swiper-slide {
  text-align: center;
  line-height: 1.2rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #8cbff8;
}
.goods-detail-wrapper .swiper-container .swiper-pagination {
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.4rem;
  width: auto;
  height: 0.18rem;
  font-size: 0.12rem;
  color: #fff;
  padding: 0 0.08rem;
  left: auto;
  right: 0.12rem;
}
.goods-detail-wrapper .slide1 {
  background-image: url('../img/2x/detail-banner@2x.png');
}
.price-container {
  margin: 0.06rem 0.03rem;
}
.price-container .current-price,
.price-container .prev-price {
  display: inline-block;
}
.price-container .current-price {
  color: #de1717;
  font-weight: bold;
}
.price-container .current-price .currency {
  font-size: 0.16rem;
}
.price-container .current-price .money {
  font-size: 0.26rem;
}
.price-container .prev-price {
  color: #313033;
  font-size: 0.14rem;
  text-decoration: line-through;
  margin-left: 0.1rem;
}
.goods-info-container > .title {
  color: #313033;
  font-size: 0.16rem;
  line-height: 0.28rem;
  font-weight: bold;
}
.goods-info-container .goods-info {
  font-size: 0.12rem;
  line-height: 0.2rem;
  margin-bottom: 0.06rem;
}
.goods-info-container .goods-info .stock-info .stock {
  margin-right: 0.4rem;
}
.goods-info-container .goods-info .desc {
  color: #8e8e8e;
  font-size: 0.12rem;
}
.attachment-list .attachment-item {
  line-height: 0.25rem;
  display: flex;
  justify-content: space-between;
  padding: 0.12rem 0.25rem;
  font-size: 0.12rem;
  color: #313033;
}
.attachment-list .attachment-item .download {
  display: inline-block;
  line-height: 0.17rem;
  padding: 0.04rem 0.14rem;
  background-color: #4877e7;
  border-radius: 0.3rem;
  color: #fff;
}
.declaration {
  margin-top: 0.08rem;
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
}
.declaration label {
  font-size: 0.14rem;
  margin-right: 0.1rem;
  white-space: nowrap;
}
.declaration .content {
  font-size: 0.12rem;
  color: #8e8e8e;
}
.purchase-container {
  position: fixed;
  width: 100%;
  height: 0.46rem;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-top: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.1rem;
  box-sizing: border-box;
}
.purchase-container .counter {
  margin-left: 0.2rem;
}
.purchase-container .action-wrapper {
  font-size: 0;
}
.purchase-container .pay {
  background-color: #fe534d;
  color: #fff;
}

/* 底部导航栏 */
.nav-wrapper {
  position: fixed;
  bottom: 0px;
  background: #fff;
  width: 100%;
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #e1e1e1;
}
.nav-item {
  width: 0.48rem;
  height: 0.49rem;
  text-align: center;
  padding: 0.03rem 0;
  box-sizing: border-box;
}
.nav-item {
  display: inline-block;
  width: 0.48rem;
  height: 0.49rem;
}
.nav-item .icon {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.nav-item .title {
  font-size: 0.1rem;
  color: #c4c1c4;
}
.nav-item.active .title {
  color: #4877e7;
}
.home .icon {
  background-image: url('../img/1x/home.png');
}
.home.active .icon {
  background-image: url('../img/1x/home-active.png');
}
.search .icon {
  background-image: url('../img/1x/search.png');
}
.search.active .icon {
  background-image: url('../img/1x/search-active.png');
}
.shopping-cart .icon {
  background-image: url('../img/1x/shopping-cart.png');
}
.shopping-cart.active .icon {
  background-image: url('../img/1x/shopping-cart-active.png');
}
.mine .icon {
  background-image: url('../img/1x/mine.png');
}
.mine.active .icon {
  background-image: url('../img/1x/mine-active.png');
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .home .icon {
    background-image: url('../img/2x/home@2x.png');
  }
  .home.active .icon {
    background-image: url('../img/2x/home-active@2x.png');
  }
  .search .icon {
    background-image: url('../img/2x/search@2x.png');
  }
  .search.active .icon {
    background-image: url('../img/2x/search-active@2x.png');
  }
  .shopping-cart .icon {
    background-image: url('../img/2x/shopping-cart@2x.png');
  }
  .shopping-cart.active .icon {
    background-image: url('../img/2x/shopping-cart-active@2x.png');
  }
  .mine .icon {
    background-image: url('../img/2x/mine@2x.png');
  }
  .mine.active .icon {
    background-image: url('../img/2x/mine-active@2x.png');
  }
}

.cloud-showroom-wrapper {
  padding-bottom: 0;
}
.cloud-showroom-wrapper .header-wrapper .title {
  color: #313033;
}

.cloud-showroom-wrapper .brand-container {
  padding: 0.1rem 0.2rem 0;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.cloud-showroom-wrapper .brand-container .brand-item {
  width: 0.8rem;
  height: 0.64rem;
  font-size: 0.14rem;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 1rem;
  box-sizing: border-box;
  margin-bottom: 0.1rem;
}

@media screen and (max-width: 350px) {
  .cloud-showroom-wrapper .brand-container .brand-item {
    width: 0.7rem;
  }
}

.cloud-showroom-wrapper .brand-container .brand-item:last-child {
  font-size: 0.18rem;
  line-height: 0.8rem;
}

.brand1 {
  background-image: url('../img/1x/brand1.png');
}
.brand2 {
  background-image: url('../img/1x/brand2.png');
}
.brand3 {
  background-image: url('../img/1x/brand3.png');
}
.brand4 {
  background-image: url('../img/1x/brand4.png');
}
.brand5 {
  background-image: url('../img/1x/brand5.png');
}
.brand6 {
  background-image: url('../img/1x/brand6.png');
}
.brand7 {
  background-image: url('../img/1x/brand7.png');
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .brand1 {
    background-image: url('../img/2x/brand1@2x.png');
  }
  .brand2 {
    background-image: url('../img/2x/brand2@2x.png');
  }
  .brand3 {
    background-image: url('../img/2x/brand3@2x.png');
  }
  .brand4 {
    background-image: url('../img/2x/brand4@2x.png');
  }
  .brand5 {
    background-image: url('../img/2x/brand5@2x.png');
  }
  .brand6 {
    background-image: url('../img/2x/brand6@2x.png');
  }
  .brand7 {
    background-image: url('../img/2x/brand7@2x.png');
  }
}

.cloud-showroom-wrapper .goods-list {
  padding: 0.1rem 0.15rem;
}

.brand-intro-wrapper {
  padding-bottom: 0;
}

.brand-intro-wrapper .swiper-container {
  width: 100%;
  height: 1.63rem;
}

.brand-intro-wrapper .swiper-slide {
  text-align: center;
  line-height: 1.63rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #8cbff8;
}

.brand-intro-wrapper .slide1 {
  background-image: url('../img/2x/banner2@2x.png');
}

.brand-intro-wrapper .goods-list {
  padding: 0.1rem 0.15rem;
}

.brand-intro-wrapper .agent-container {
  background-color: #fff;
  padding: 0.15rem;
  line-height: 0.22rem;
}

.brand-intro-wrapper .agent-container .title {
  font-weight: 800;
  margin-bottom: 0.05rem;
}

.brand-intro-wrapper .agent-container .agent-list .agent-item {
  font-size: 0.12rem;
  color: #4877e7;
  display: block;
}

.agency-wrapper {
  padding-bottom: 0;
}
.agency-wrapper .swiper-container {
  width: 100%;
  height: 1.63rem;
}

.agency-wrapper .swiper-slide {
  text-align: center;
  line-height: 1.63rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #8cbff8;
}

.agency-wrapper .slide1 {
  background-image: url('../img/2x/banner2@2x.png');
}

.agency-wrapper .intro-container {
  margin-bottom: 0.1rem;
}

.detail-wrapper {
  padding-bottom: 0;
}

.detail-wrapper .header-wrapper .tab-wrapper {
  margin-left: 0.36rem;
  color: #313033;
  font-size: 0.14rem;
  overflow-x: scroll;
  white-space: nowrap;
}

.detail-wrapper .header-wrapper .tab-wrapper .tab-item {
  padding: 0 0.1rem;
  display: inline-block;
}

.detail-wrapper .header-wrapper .tab-wrapper .active {
  color: #4877e7;
  font-size: 0.18rem;
  font-weight: bold;
}

.detail-wrapper .swiper-container {
  width: 100%;
  height: 1.63rem;
}

.detail-wrapper .swiper-slide {
  text-align: center;
  line-height: 1.63rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #8cbff8;
}

.detail-wrapper .slide1 {
  background-image: url('../img/1x/banner2.png');
}

.detail-wrapper .info-container {
  margin-top: 0.1rem;
  background-color: #fff;
  padding: 0.16rem 0.14rem 0.13rem;
}

.detail-wrapper .table-module {
  margin-bottom: 0.16rem;
}

.table-module .title {
  font-size: 0.16rem;
  font-weight: 800;
  margin-bottom: 0.06rem;
}

.table-module table {
  text-align: center;
  vertical-align: middle;
  border-collapse: collapse;
  position: relative;
  width: 100%;
  color: #313033;
  font-size: 0.12rem;
}

.table-module table::after {
  content: '';
  display: block;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 200%;
  height: 200%;
  border: 1px solid #e1e1e1;
  border-left: none;
  border-bottom: none;
  transform-origin: 0 0;
  transform: scale(0.5);
}

.table-module table td {
  border: 0;
  padding: 0.04rem 0.1rem;
  position: relative;
  max-width: 1.8rem;
  min-width: 0.7rem;
  white-space: wrap;
}

.table-module table td::after {
  content: '';
  display: block;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 200%;
  height: 200%;
  border: 1px solid #e1e1e1;
  border-top: none;
  border-right: none;
  transform-origin: 0 0;
  transform: scale(0.5);
}

.detail-wrapper .project-container {
  background-color: #fff;
  padding: 0 0.09rem;
  line-height: 0.22rem;
}

.detail-wrapper .project-container .title {
  font-weight: 800;
  margin-bottom: 0.05rem;
}

.detail-wrapper .project-container .project-list .project-item {
  font-size: 0.12rem;
  display: block;
  line-height: 0.27rem;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .agency-wrapper .slide1 {
    background-image: url('../img/2x/banner2@2x.png');
  }
  .navigable-company-wrapper .slide1 {
    background-image: url('../img/2x/banner2@2x.png');
  }
}

.aircraft-model-wrapper .intro-container .price {
  color: #de1717;
  font-size: 0.12rem;
}

.aircraft-model-wrapper .intro-container .price .num {
  font-size: 0.16rem;
  font-weight: bold;
}

.shopping-cart-wrapper {
  position: relative;
}
.shopping-cart-wrapper .settlement-wrapper {
  position: fixed;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  background-color: #fff;
  font-size: 0.12rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.05rem 0;
  border-top: 1px solid #e1e1e1;
}

.shopping-cart-wrapper .settlement-wrapper .checkall {
  margin-left: 0.14rem;
}

.shopping-cart-wrapper .settlement-wrapper .checkall .checkbox {
  margin-bottom: 0.03rem;
}

.shopping-cart-wrapper .settlement-wrapper .settlement-container {
  margin-right: 0.1rem;
  font-size: 0;
}
.shopping-cart-wrapper .settlement-wrapper .settlement-info {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.12rem;
}
.shopping-cart-wrapper .settlement-wrapper .settlement-info .desc {
  display: inline-block;
  color: #8e8e8e;
  font-size: 0.1rem;
  transform: scale(0.83);
  -webkit-transform: scale(0.83);
}
.shopping-cart-wrapper .settlement-wrapper .settlement-info .summary .total {
  color: #de1717;
  font-size: 0.18rem;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.shopping-cart-wrapper .settlement-wrapper .delete {
  background-color: #fe534d;
  color: #fff;
  margin-right: 0.1rem;
}
.shopping-cart-wrapper .settlement-wrapper .delete-container {
  display: none;
}
.delete-confirm {
  color: #fe534d;
}
.delete-cancel {
  color: #bebbbf;
}

.submit-order-wrapper .address-wrapper {
  background-color: #fff;
  min-height: 0.9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.14rem;
  box-sizing: border-box;
  margin-bottom: 0.1rem;
}
.right-arrow {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  background-image: url(../img/1x/right-arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .right-arrow {
    background-image: url(../img/2x/right-arrow@2x.png);
  }
}

/* 提交订单 */
.submit-order-wrapper.common-wrapper {
  padding-bottom: 0;
}
.submit-order-wrapper .order-container {
  height: calc(100vh - 0.36rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.submit-order-wrapper .order-container .goods-list3 {
  flex: 1;
  overflow-y: scroll;
}
.info-item {
  font-size: 0.12rem;
  color: #313033;
  line-height: 0.27rem;
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding-left: 0.36rem;
}
.submit-order-wrapper .delivery .right-arrow {
  margin-bottom: 0.03rem;
  margin-left: 0.06rem;
}
.info-item.remark textarea {
  flex: 1;
  padding-top: 0.05rem;
  padding-left: 0.1rem;
}
.submit-order-wrapper .info-item.remark textarea {
  min-height: 1rem;
}
.info-item.remark textarea::-webkit-input-placeholder {
  font-size: 0.12rem;
  color: #8e8e8e;
}
.submit-bar {
  background-color: #fff;
  padding: 0.05rem 0.1rem 0.05rem 0.23rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.1rem;
}
.submit-order-wrapper .submit-bar .order-info {
  line-height: 0.3rem;
}
.submit-order-wrapper .submit-bar .order-info .desc {
  color: #8e8e8e;
  font-size: 0.1rem;
}
.submit-order-wrapper .submit-bar .order-info .summary {
  font-size: 0.12rem;
  color: #313033;
}
.submit-order-wrapper .submit-bar .order-info .summary .total {
  font-size: 0.18rem;
  font-weight: bold;
  color: #de1717;
}
@media screen and (max-width: 350px) {
  .submit-order-wrapper .submit-bar {
    padding: 0.05rem 0.1rem 0.05rem 0.1rem;
  }
  .submit-order-wrapper .submit-bar .order-info > span {
    display: block;
  }
  .submit-order-wrapper .submit-bar .order-info .summary .total {
    font-size: 0.14rem;
  }
  /* .primary-btn {
    padding: 0.09rem 0;
  } */
}

/* 选择收货地址 */
.address-list-wrapper.common-wrapper {
  padding-bottom: 0;
}
.address-list-wrapper .empty-address-container {
  text-align: center;
  padding-top: 0.6rem;
}
.address-list-wrapper .empty-address-container .empty-address .text {
  margin-top: 0.1rem;
}
.address-list-wrapper .empty-address-container .primary-btn {
  margin-left: 0;
  margin-top: 0.4rem;
  font-size: 0.2rem;
  font-weight: bold;
  padding: 0.13rem 0.64rem;
  height: 0.54rem;
  box-shadow: 0px 3px 6px rgba(72, 119, 231, 0.6);
}
.address-list-wrapper .address-list {
  display: none;
  background-color: #fff;
}
.address-list-wrapper .address-list .address-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.14rem;
  border-bottom: 1px solid #e1e1e1;
}
.address-list-wrapper .address-list .address-item:last-child {
  border-bottom: none;
}
.address-info {
  flex: 1;
  margin: 0 0.28rem 0 0.14rem;
}
.address-info .address {
  font-size: 0.16rem;
  font-weight: bold;
  color: #313033;
  margin-bottom: 0.1rem;
}
.address-info .user-info {
  font-size: 0.12rem;
  color: #8e8e8e;
}
.address-list-wrapper .address-list .edit {
  display: inline-block;
  background-image: url('../img/1x/edit.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 0.16rem;
  height: 0.16rem;
  vertical-align: middle;
}

/* 新增收货地址 */
.standard-form-wrapper .form-item {
  border-bottom: 1px solid #e1e1e1;
  padding: 0.14rem;
  display: flex;
}
.standard-form-wrapper .form-item label {
  display: inline-block;
  font-size: 0.14rem;
  color: #8e8e8e;
  width: calc(1rem - 0.14rem);
}
.standard-form-wrapper .form-item input,
.standard-form-wrapper .form-item textarea {
  flex: 1;
}
.standard-form-wrapper .form-item input::-webkit-input-placeholder,
.standard-form-wrapper .form-item textarea::-webkit-input-placeholder {
  font-size: 0.14rem;
  color: #bebbbf;
}
.add-address-wrapper .btn-wrapper {
  padding-top: 0.4rem;
  text-align: center;
}

/* 通航收银台 */
.cashier-wrapper .cashier-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
}
.cashier-wrapper .cashier-container .amount-container {
  color: #de1717;
  font-size: 0.2rem;
  margin-bottom: 0.22rem;
}
.cashier-wrapper .cashier-container .amount-container .integer {
  font-size: 0.4rem;
  font-weight: bold;
}
.cashier-wrapper .cashier-container .payment-list {
  margin-bottom: 0.6rem;
}
.cashier-wrapper .cashier-container .payment-item {
  border: 1px solid #cfcfcf;
  border-radius: 0.23rem;
  padding: 0.11rem 0.32rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-width: 2.95rem;
  margin-bottom: 0.16rem;
}
.cashier-wrapper .cashier-container .payment-item:last-child {
  margin-bottom: 0;
}
.cashier-wrapper .cashier-container .payment-item .icon {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
  margin-right: 0.16rem;
}
.cashier-wrapper .cashier-container .payment-item .method {
  flex: 1;
}
.wepay .icon {
  background-image: url('../img/1x/wepay.png');
}
.alipay .icon {
  background-image: url('../img/1x/alipay.png');
}
.unionpay .icon {
  background-image: url('../img/1x/unionpay.png');
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .wepay .icon {
    background-image: url('../img/2x/wepay@2x.png');
  }
  .alipay .icon {
    background-image: url('../img/2x/alipay@2x.png');
  }
  .unionpay .icon {
    background-image: url('../img/2x/unionpay@2x.png');
  }
}

/* 我的订单 */
.cashier-wrapper.common-wrapper {
  padding-bottom: 0;
}
.cashier-wrapper .tab-container {
  position: fixed;
  top: 0.36rem;
  width: 100%;
  z-index: 100;
}
.cashier-wrapper .order-list {
  margin-top: 0.6rem;
}
.cashier-wrapper .order-list .order-pending-pay .order-status {
  color: #fe534d;
}
.cashier-wrapper .order-list .order-close .order-status {
  color: #a7a7a7;
}
.cashier-wrapper .order-list .order-pending-receipt .order-status {
  color: #fe534d;
}

.order-list .order-item {
  padding: 0.14rem;
  background-color: #fff;
  margin-top: 0.1rem;
  border-bottom: 1px solid rgba(49, 48, 51, 0.3);
}
.order-list .order-item > .order-info {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-list .order-item > .order-info::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.02rem;
  width: 0px;
  height: 10px;
  border: 3px solid #4877e7;
  border-radius: 6px;
}
.order-list .order-item > .order-info .order-num {
  font-size: 0.14rem;
  margin-left: 0.1rem;
}
.order-list .order-item > .order-info .order-status {
  font-size: 0.12rem;
}
.order-list .order-item .goods-list3 {
  padding: 0;
  margin-top: 0.12rem;
}
.order-list .order-item .order-amount {
  text-align: right;
  font-size: 0.12rem;
  margin: 0.2rem 0 0.16rem;
}
.order-list .order-item .order-btn-group {
  text-align: right;
}

/* 订单详情 */
.order-detail-wrapper {
  padding-bottom: 0;
}
.order-detail-container {
  /* height: calc(100vh - 0.36rem); */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.order-detail-wrapper .order-detail-container .order-status-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #4877e7;
  color: #fff;
  padding: 0.2rem;
}
.order-detail-wrapper .order-detail-container .order-status-info {
  margin-left: 0.1rem;
}
.order-detail-wrapper
  .order-detail-container
  .order-status-info
  .order-status-desc {
  font-size: 0.12rem;
  margin-top: 0.1rem;
}
.order-detail-wrapper .order-detail-container .pending-pay .icon {
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  background-image: url('../img/1x/pending-pay.png');
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min--moz-device-pixel-ratio: 2) {
  .order-detail-wrapper .order-detail-container .pending-pay .icon {
    background-image: url('../img/2x/pending-pay@2x.png');
  }
}
.order-detail-wrapper .order-detail-container .order-info-container {
  background-color: #fff;
  padding: 0.1rem 0;
  margin-bottom: 0.1rem;
}
.order-detail-wrapper .order-detail-container .order-status-step-list {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.order-detail-wrapper
  .order-detail-container
  .order-status-step-list
  .order-status-step-node {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order-detail-wrapper
  .order-detail-container
  .order-status-step-list
  .order-status-step-node
  .order-status-step-name {
  margin-bottom: 0.06rem;
}
.order-detail-wrapper
  .order-detail-container
  .order-status-step-list
  .order-status-step-node:first-child::before {
  display: none;
}
.order-detail-wrapper
  .order-detail-container
  .order-status-step-list
  .order-status-step-node:last-child::after {
  display: none;
}
.order-detail-wrapper
  .order-detail-container
  .order-status-step-list
  .order-status-step-node::before,
.order-detail-wrapper
  .order-detail-container
  .order-status-step-list
  .order-status-step-node::after {
  content: '';
  position: absolute;
  width: 50%;
  height: 1px;
  background-color: #bebbbf;
}
.order-detail-wrapper
  .order-detail-container
  .order-status-step-list
  .order-status-step-node::before {
  top: 0.35rem;
  left: -0.07rem;
}
.order-detail-wrapper
  .order-detail-container
  .order-status-step-list
  .order-status-step-node::after {
  top: 0.35rem;
  left: calc(50% + 0.07rem);
}
.order-detail-wrapper .order-info-container .address-container {
  padding: 0.1rem 0.2rem 0;
}
.order-detail-wrapper .order-info-container .address-info {
  margin: 0;
}
.order-detail-wrapper .order-info-container .address-info .user-info label {
  color: #313033;
  font-weight: bold;
}
.order-detail-wrapper .order-info-container .address-info .address {
  color: #8e8e8e;
  font-size: 0.12rem;
  margin-top: 0.1rem;
}
.order-detail-wrapper .amount-detail {
  font-size: 0.12rem;
  border-top: 1px solid rgba(49, 48, 51, 0.3);
  margin-top: 0.2rem;
  padding: 0.1rem 0 0.2rem;
}
.order-detail-wrapper .amount-detail .amount-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.1rem;
}
.order-detail-wrapper .amount-detail .amount-total {
  display: flex;
  justify-content: flex-end;
}
.order-detail-wrapper .submit-bar {
  justify-content: flex-end;
}
.order-detail-wrapper .submit-bar .order-info {
  font-size: 0.12rem;
}
.order-detail-wrapper .submit-bar .order-info .total {
  font-size: 0.18rem;
  font-weight: bold;
  color: #DE1717;
}
